Sample ViewBoxes

Description

The ViewBox Control includes several samples that can be loaded from the Home tab in the ViewBox Builder.

Name
Description
List of States

Example demonstrates creating a list of states that display a popup message when clicked.

iOS Style Login Screen

Example demonstrates an iOS-style login screen with round buttons and validation.

iOS Style Settings Screen

Example showing how to create a settings screen using the iOS style.

Menu with CSS Icons

Example demonstrating a menu of items with CSS icons.

List of Names using a free-form layout template

Displays a list of names styled using a free-form template built using Client-Side Template syntax.

List of Names formatted like a Columnar List

Displays a list of names styled using a Columnar List template built using Client-Side Template syntax.

Star Rating

Example demonstrates a Star Rating control built with using SVG images.

Star Rating (with support for half stars)

Example demonstrates a Star Rating control built with using SVG images that supports both whole and half stars.

List of orders for a customer (from the Northwind sample database)

Example showing a list of orders for a customer based on data in the Northwind sample database. Requires a named SQL connection string called 'northwind'.

List of orders for a customer (uses static JSON data)

Example showing a list of orders for a customer based on static JSON data. No SQL database is required.

Image Map

Example demonstrates an interactive world map.

Checkbox control - horizontal

Example showing how to create simple control that behaves like a horizontal Checkbox.

Checkbox control - vertical

Example showing how to create simple control that behaves like a vertical Checkbox.

Radiobutton control - horizontal

Example showing how to create simple control that behaves like a horizontal group of Radio buttons.

Radiobutton control - vertical

Example showing how to create simple control that behaves like a vertical group of Radio buttons

Step indicator - shows position in a series of steps

Displays a step indicator which can be used to show the current progress in a series of steps. A step indicator control is commonly used during the checkout process on shopping sites.

Menu tree

Example demonstrating creating an expanding menu using a ViewBox.